<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
		<meta http-equiv="Cache-Control" content="no-cache/no-store" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/h-ui/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/H-ui.admin.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/skin/default/skin.css" id="skin" />
<link rel="stylesheet" type="text/css" href="static/h-ui.admin/css/style.css" />
<!-- <link rel="stylesheet" type="text/css" href="lib/datatables/1.10.0/jquery.dataTables.css" /> -->
<style>
  .input-text{
   width:100px;
  }
   .text{ 
     margin-left:110px;
   } 
  .workDiv{
    background-color:#EEEEE0;
    padding:8px;
    margin:8px;
  }
table{
  text-align:center;
}
#orderInput{
 width:200px;
}
#queryForm>div{
	float: left;
   	margin-right: 6px; 
   	margin-bottom: 12px;
}
 #queryForm>span{
 	line-height:32px;
 }
</style>
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>库存查询</title>
</head>
<body>
<!--面包屑导航-->
<!-- 		<nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span>工序产能监控<span class="c-gray en">&gt;</span> 员工达成率看板 -->
<!-- 			<a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i>刷新</a> -->
<!-- 		</nav> -->
        
        <!--主内容-->
		<div class="page-container">
			<div id="queryForm">
				<div> 
		         	<span>物料名称：</span>
		         	<input class='input-text' id="materialName" autocomplete="off" list="materialNameList"/>
		         	<datalist id="materialNameList"></datalist>
	         	</div>
	         	<div>
		         	<span>规格：</span> 
		         	<input class='input-text' id="model" autocomplete="off" list="modelList" />
		         	<datalist id="modelList"></datalist>
	         	</div>
	         	<div> 
		         	<span>编号：</span>
		         	<input class='input-text' id="color" autocomplete="off" list="colorList" />
		         	<datalist id="colorList"></datalist>
	         	</div>
	         	<div>
		         	<span>供应商：</span>
		         	<input class='input-text' id="providerName" autocomplete="off" list="providerNameList" />
		         	<datalist id="providerNameList"></datalist>
	         	</div>
				<button id="queryBtn" class="btn btn-primary radius">查询</button> <span id="sumPrice"></span>
			</div>
	        <table id="materialTable" class="table table-border table-bordered table-bg table-hover">
	            <thead>
	                <tr>
	                   <th>物料名称</th>
	                   <th>规格</th>
	                   <th>供应商</th>
	                   <th>编号</th>
	                   <th>描述</th>
	                   <th>仓库</th>
	                   <th>单价</th>
	                   <th>数量</th>
	                   <th>总价</th>
	                </tr>
	            </thead>
	            <tbody>
	            
	            </tbody>
	        </table>
		</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810145355jquery.min1.9.1.js"></script> 
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810150731H-ui.min3.0.2.js"></script> 
<script type="text/javascript" src="static/h-ui.admin/js/H-ui.admin.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
<!--/_footer 作为公共模版分离出去 -->

<!--请在下方写此页面业务相关的脚本 -->
<script type="text/javascript" src="lib/My97DatePicker/4.8/WdatePicker.js"></script> 
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180813175723jquery.dataTables1.10.0.js"></script> 
<script type="text/javascript" src="lib/laypage/1.2/laypage.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180810172341echarts.common.min3.4.0.js"></script>
<script type="text/javascript" src="https://upload.shinehao.com.cn/20180809103833lodash.js"></script>
<script type="text/javascript" src="myJs/util.js"></script>
<script type="text/javascript" src="myJs/echartUtil.js"></script>
 <script src="vueSystem/js/request.js"></script>
<script type="text/javascript" src="myJs/warehousePrice.js"></script>

</body>
</html>